@font-face {
    font-family: 'tapeworm';
    src: url('../fonts/tapeworm.eot');
    src: url('../fonts/tapeworm.eot?#iefix') format('embedded-opentype'),
         url('../fonts/tapeworm.woff2') format('woff2'),
         url('../fonts/tapeworm.woff') format('woff'),
         url('../fonts/tapeworm.ttf') format('truetype'),
         url('../fonts/tapeworm.svg#tapewormregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
*{
	box-sizing: border-box;
	/* 字体颜色 */
	/* color: rgb(0,176,240);
	color: rgb(35,242,220);
	color: rgb(146,208,80);
	color: rgb(255,255,0);
	color: rgb(254,171,2);
	color: rgb(223,31,147);
	color: rgb(241,78,71); */
}
html,body{
	height: 100%;
	overflow: hidden;
}
body{
	background: url(../images/bg.jpg);
	background-size: 100% 100%;
}
#loader{
	width: 1rem;
	height: 1rem;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -0.5rem 0 0 -0.5rem;
	z-index: 1000;
}

.real-time-box{
	color: #9c9c9c;
	position: absolute;
	right: 0.4rem;
	/* top: 0.26rem; */
	font-size: 0.19rem;
}
.scanboardWp{
	height: 100%;
	position: relative;
	z-index: 11;
}
.color-yellow{
	color: #ffd220 !important;
}
.color-green{
	color: #32ffc7 !important;
}
.color-blue{
	color: #1eb6fe !important;
}
.color-red{
	color: #ff0e0d !important;
}
.border-yellow{
	/* border-color: #ffd220 !important; */
}
.border-green{
	/* border-color: #32ffc7 !important; */
}
.color-yellow{
	color: #ffd220 !important;
}

.border-yellow::before{
	content: '';
	height: 20px;
	display: inline-block;
	width: 3px;
	background-color: #ffd220;
	position: relative;
	top: 5px;
	right: 8px;
}
.border-green::before{
	content: '';
	height: 20px;
	display: inline-block;
	width: 3px;
	background-color: #32ffc7;
	position: relative;
	top: 5px;
	right: 8px;
}
.border-blue{
	/* border-color: #1eb6fe !important; */
}
.border-blue::before{
	content: '';
	height: 20px;
	display: inline-block;
	width: 3px;
	background-color: #1eb6fe;
	position: relative;
	top: 5px;
	right: 8px;
}
.border-red{
	border-color: #ff0e0d !important;
}
.bg-yellow{
	background-color: #ffd220 !important;
}
.bg-green{
	background-color: #32ffc7 !important;
}
.bg-blue{
	background-color: #1eb6fe !important;
}
.bg-red{
	background-color: #ff0e0d !important;
}
.wp{
	width: 94%;
	margin: 0 auto;
	height: 100%;
}
.left{
	float: left;
	width: 20%;
	/* width: 25%; */
}
.totalM3{
	cursor: pointer;
}
.center{
	float: left;
	width: 56%;
	/* width: 50%; */
}
.right{
	float: right;
	width: 24%;
	/* width: 25%; */
}

#top{
	height: 8%;
	border-bottom: 1px solid #162c52;
}
#top .pageTit{
	height: 100%;
	position: relative;
}
#top .pageTit a{
	display: block;
	width: 30%;
	height: .45rem;
	background: url(../images/titBg.png);
	background-size: 140% 120%;
	background-position: center;
	line-height: .45rem;
	text-align: center;
	font-size: .225rem;
	color: #00deff;
	position: absolute;
	top: 50%;
	margin-top: -0.215rem;
}
#top .topLogo{
	height: 100%;
	text-align: center;
}
#top .topLogo img{
	height: 90%;
	width: auto;
}
#top .topBar{
	height: 100%;
	display: flex;
	align-items: center;
}
#top .topBar .topTime{
	/* padding-top: .225rem; */
	color: #fff;
	text-align: right;
	font-size: 0.26rem;
}
#top .topBar .isFullDcreen{
	color: #fff;
	width: 0.5rem;
	height: 0.5rem;
	/* background-color: #000000; */
	cursor: pointer;
	position: absolute;
	right: 5.5%;
	/* top: 0.6rem; */
	/* text-align: center; */
}
.isFullDcreen img{
	position: absolute;
	top: 50%; transform: translateY(-50%);
}
.amplify{
	width: 55%;
}
.reduce{
	width: 88%;
}
.exit-box {
	width: 0.5rem;
	cursor: pointer;
	position: absolute;
	right: 3%;
	/* top: 0.6rem; */
	text-align: center;
}
.exit-box img{
	width: 66%;
}

.exit-box:hover::after {
  content: "退出";
  display: block;
  color: #fff;
  font-size: 0.19rem;
  background-color: #fff;
	position: relative;
	bottom: 0.45rem;
  /* 其他样式属性 */
}

#top .topBar .company{
	position: relative;
}
#top .topBar .company h3{
	text-align: right;
	color: #02b6d4;
	height: .35rem;
	line-height: .35rem;
	font-size: .2rem;
	padding: 0 .1875rem 0 .35rem;
	cursor: pointer;
	position: relative;
}
#top .topBar .company h3:before{
	display: block;
	content: "";
	width: .25rem;
	height: .25rem;
	background: url(../images/s_ico1.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	left: 0;
	top: .0375rem;
}
#top .topBar .company h3:after{
	display: block;
	content: "";
	width: .0875rem;
	height: .05rem;
	background: url(../images/s_ico2.png) no-repeat;
	position: absolute;
	right: 0;
	top: .125rem;
}
#top .topBar .company .dropdown{
	position: absolute;
	top: .35rem;
	right: -0.125rem;
	padding: .075rem .125rem;
	background: #00deff;
	border-radius: .075rem;
	min-width: 1.25rem;
	display: none;
}
#top .topBar .company:hover .dropdown{
	display: block;
}
#top .topBar .company .dropdown a{
	display: block;
	text-align: center;
	line-height: .3rem;
	margin: .05rem 0;
}



#main{
	padding-top: .375rem;
}

.item{
	/* margin-bottom: .3rem; */
	margin-bottom: 20px;
	background-color: #222;
	box-shadow: 0px 0px .125rem #0257e9;
	background-color: rgba(0,0,0,0.3);border-radius: 8px;
	position: relative;   
	/* padding: .125rem; */
	/* border: .025rem solid #54dcf2; */
	padding: 10px;
	border: 1px solid #54dcf2;
	width: 100%;
}
.l-top-1{
	height: calc(28vh - 20px) ;
}
.l-top-2{
	height: 22vh;
}
.r-scroll-1{
	height: calc(33.8vh);
}
.r-scroll-2{
	/* height: calc(33.5vh); */
}
.itemTit{
	/* padding: .15rem .375rem; */
	/* padding: 10px 15px; */
	/* height: 30px;
	line-height: 30px; */
	height: 3vh;
	line-height: 3vh;
	border-bottom: .0125rem solid #1e5b6b;
}

.itemTit span{
	display: block;
	/* height: .25rem; */
	/* line-height: .25rem; */
	border-left: .0625rem solid transparent;
	/* font-size: .225rem; */
	font-size: .24rem;
	color: #fff;
	padding-left: .1rem;
	font-weight: bold;
}
@media screen and (min-width: 1900px) { 
	html{
		font-size: 70px !important;
	}
	.itemTit span {
		/* background-color: red; */
		font-size: 16px;
	}
	.itemTit{
		/* height: 4.6vh; */
		/* height: 2.6vh; */
	}
} 

.itemTit span small{
	margin-left: .05rem;
}
.no-hd {
	position: relative;
	/* border: .0125rem solid rgba(25, 186, 139, 0.17); */
	margin-top: 2px;
	/* height: 30px; */
	height: 31px;
	overflow: hidden;
}

.no-hd ul {
	display: flex;
	border: 1px solid rgba(25, 186, 139, 0.17);
  }
.no-hd ul li {
	position: relative;
	flex: 1;
	line-height: .375rem;
	font-size: .25rem;
	/* color: #ffeb7b; */
	color: #f4f246;
	font-weight: bold;
	text-align: center;
	font-family: "electronicFont";
		/* color: rgb(0,176,240); #00b0f0
	color: rgb(35,242,220);#23f2dc
	color: rgb(146,208,80); #92d050
	color: rgb(255,255,0);#ffff00
	color: rgb(254,171,2);#feab02
	color: rgb(223,31,147);#df1f93
	color: rgb(241,78,71); #f14e47 */
	
  }
	.color-yellow-a{
		color: #ffff00 !important;
	}
	.color-yellow-b{
		color: #feab02 !important;
	}
	.color-cyan{
		color: #23f2dc !important;
	}
	.no-hd ul li:nth-child(1){
		/* color: #f4f246; */
		/* color: rgb(255,255,0); */
		color: #ffff00;
	}.no-hd ul li:nth-child(2){
		/* color: #23f1e3; */
		/* color: rgb(35,242,220); */
		color: #23f2dc;
	}.no-hd ul li:nth-child(3){
		/* color: #f45050; */
		/* color: rgb(241,78,71); */
		color: #f14e47;
	}
	.no-hd ul span{
		font-size: 0.19rem;
		color: #fff;
		font-weight: 100;
	}

.no-hd ul li::after {
	content: "";
	position: absolute;
	top: 25%;
	right: 0;
	height: 50%;
	width: .0125rem;
	background: rgba(255, 255, 255, 0.2);
  }
	.no-bd{
		height: 40px;
		overflow: hidden;
	}
.no-bd ul {
	display: flex;
}
.no-bd ul li {
	flex: 1;
	text-align: center;
	color: rgba(255, 255, 255, 0.7);
	/* font-size: .1875rem; */
	/* font-size: .2rem; */
	font-size: .22rem;
	height: .5rem;
	line-height: .5rem;
	/* padding-top: .125rem; */
  }
.itemCon{
	/* padding: .15rem .375rem; */
	padding: 0px 15px;
}
.itembg{
	background-image: url(../images/gz.png);
	background-repeat: repeat
}
.custom-content-marker img{
	width: 20px;
}
.itembg .no-hd{
    position: relative;
      border: .0125rem solid rgba(25, 186, 139, 0.17);
      &::before {
        position: absolute;
        top: 0;
        left: 0;
        content: "";
        width: .375rem;
        height: .125rem;
        border-top: .025rem solid #02a6b5;
        border-left: .025rem solid #02a6b5;
      }
      &::after {
        position: absolute;
        bottom: 0;
        right: 0;
        content: "";
        width: .375rem;
        height: .125rem;
        border-right: .025rem solid #02a6b5;
        border-bottom: .025rem solid #02a6b5;
      }
      ul {
        display: flex;
        li {
          position: relative;
          flex: 1;
          line-height: .75rem;
          font-size: .25rem;
          color: #ffeb7b;
          text-align: center;
          font-family: "electronicFont";
          &::after {
            content: "";
            position: absolute;
            top: 25%;
            right: 0;
            height: 50%;
            width: 1px;
            background: rgba(255, 255, 255, 0.2);
          }
        }
      }	
}

/* 用户详情弹框 */
.model-bg{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	/* background-color: rgba(#000, #000, #000, 0.5); */
	background-color: #000000;
	opacity: 0.7;
	z-index: 1000;
	display: none;
}
.model-box{
	width: 40%;
	/* height: 40vh; */
	background-color: white;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 1100;
	opacity: 1;
	padding: 20px;
	border-radius: 5px;
	/* box-shadow: 0px 0px .125rem #0257e9;
	border: 1px solid #54dcf2; */
	border: 1px solid #ebeef5;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
	background-color: #fff
}
.model-footer{
	position: absolute;
	bottom: 20px;
	right: 20px;
}
.model-confirm{
	display: inline-block;
	padding: 0.1rem 0.28rem;
	font-size: 0.22rem;
	border-radius: 3px;
	color: #fff;
  background-color: #409eff;
  border-color: #409eff;
	cursor: pointer;
}
.model-cancel{
	display: inline-block;
}
.model-box .model-tit{
	font-size: 0.24rem;
	display: flex;
	font-weight: bold;
	justify-content: space-between;
	line-height: 0.42rem;
}
.model-tit .close-btn {
	font-size: 0.42rem;
	cursor: pointer;
}
.table-box{
  overflow-x: auto; /* 水平滚动条 */
  overflow-y: hidden; /* 隐藏垂直滚动条 */
	border-left: 1px solid lightgray; 
	border-right: 1px solid lightgray; 
	margin-bottom: 80px;
}
.table-head{
	/* border-bottom: 1px solid lightgray; */
	display: flex;
	justify-content: space-between;
	text-align: center;
	font-family: '';
}
.table-head span{
	flex: 0 0 auto; 
	width: 150px;
	font-size: 0.22rem;
	font-weight: bold;
	border-right: 1px solid lightgray;
	border-top: 1px solid lightgray;
	/* border: 1px solid lightgray; */
	line-height: 0.8rem;
	padding: 0 5px;
}
.table-content-item{
	display: flex;
	justify-content: space-between;
	text-align: center;
	margin-bottom:5px;
}
.table-content-item span{
	flex: 0 0 auto; 
	width: 150px;
	font-size: 0.22rem;
	border-right: 1px solid lightgray;
	border-top: 1px solid lightgray;
	border-bottom: 1px solid lightgray;
	line-height: 0.8rem;
	padding: 0 5px;
}

/* 弹框end */
.item span.border-span {
    display: block;
    position: absolute;
    width:.4375rem;
    height: .4375rem;
}

.item span.top-left {
    top: -4px;
    left:-4px;
    border-top: 3px solid #54dcf2;
    border-left: 3px solid #54dcf2;
}

.item span.top-right {
    top:-4px;
    right:-4px;
    border-top: 3px solid #54dcf2;
    border-right: 3px solid #54dcf2;
}

.item span.bottom-left {
    bottom: -4px;
    left: -4px;
    border-bottom: 3px solid #54dcf2;
    border-left: 3px solid #54dcf2;
}

.item span.bottom-right {
    bottom: -4px;
    right: -4px;
    border-bottom: 3px solid #54dcf2;
    border-right: 3px solid #54dcf2;
}

.dxt{
	/* height: 14.3vh; */
	height:calc(16.3vh - 20px);;
	
}

.tpf-content{
	display: flex;
	align-items: center;
	align-content: center;
	height: 9vh;
	flex-wrap:wrap;
}
.tpf-content > div{
	width: 100%;
}

.waybill .progress{
	margin-bottom: .025rem;
	height: 4.41rem;
}
.waybill .progress h3{
	line-height: .45rem;
	color: #fff;
}
.waybill .progress h3 span{
	float: left;
	font-size: .2rem;
}
.waybill .progress h3 i{
	float: right;
	font-style: normal;
}
.waybill .progressBar{
	height: 6px;
	background: #fff;
	background: rgba(255,255,255,0.5);
}
.waybill .progressBar span{
	display: block;
	height: 6px;
	width: 0;
}
.waybill .progress h4{
	line-height: 24px;
	color: #fff;
}
.listStyle li span{
	float: left;
	width: 50%;
	color: #fff;
	font-size: 15px;
	height: 32px;
	line-height: 32px;
}
.listStyle li span strong{
	font-weight: normal;
	color: #45c6c8;
	margin-right: 4px;
}

.centerWp{
	width: 94%;
	margin: 0 auto;
}

#myMap{
	/* height: 6rem; */
	/* height: 6.6rem; */
	/* 659 */
	height: 50vh;
}
#myMap .amap-info-content{
	background: #00deff;
	border-radius: .1rem;
	box-shadow: none;
	border: none;
	padding: .1875rem .3125rem .1875rem .1875rem;
}
#myMap .amap-info-sharp{
	display: none;
}
#myMap .amap-info-close{
	/* background: url(../images/s_ico5.png); */
	color: #fff;
}
.billChart img{
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
 }
 .model{
	color: #00ddfe;
	font-size: .25rem;
	text-align: center;
 }

 /* 实时监测数据 start*/

 .center-bottom-head{
	display: flex;
	/* justify-content: space-between; */
	align-items: center;
 }

 .center-bottom-box{
	display: flex;
	/* height:4.5rem; */
	/* height: 3.9rem; */
	height: 28vh;
	justify-content: space-between;
 }
 .c-b-l{
	width: 30%;
	border-right: 1px dashed  #013161;
	padding:0 10px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	padding: 10px;
 }
 .c-b-l-top{
	/* height:10%;
	width: 100%; */
 }

 .jq-img-box{
	height: 75%;
	width: 100%;
	/* background-image: url('../images/jqj.jpeg');
	background-size: cover; */
	position: relative;
 }
 .jq-img-box img{
	width: 100%;
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
 }
 .jq-address{
	height:25%;
	width: 100%;
	color: #fff;
	font-size: 0.19rem;
	padding-top: 5px;
	/* padding-top: 10px; */
	/* text-align: center; */
 }

 .c-b-r{
	width:70%;
	font-size: 0.4rem;
	color: white;
	padding: 10px;
	display: flex;
	align-items: center;
 }

.table-box-r{
	border: 1px solid #013161;
}
.table-head-r{
	border-bottom: 1px solid #013161;
	display: flex;
	justify-content: space-between;
	text-align: center;
}
.table-head-r span{
	width: 20%;
	/* font-size: 0.3rem; */
	font-size: 0.2rem;
	font-weight: bold;
	border-right: 1px solid #013161;
	line-height: 0.4rem;
	padding: 0 5px;
}
.table-content-item-r{
	display: flex;
	justify-content: space-between;
	text-align: center;
}
.table-content-item-r span{
	width: 20%;
	font-size: 0.2rem;
	border-right: 1px solid #013161;
	line-height: 0.4rem;
	padding: 0 5px;
}
/* Success
#67C23A
Warning
#E6A23C
Danger
#F56C6C
Info
#909399 */
/* 加注中 */


.table-content-item-r .state-success {
	color: #92d050;
}
/* 离线 */
.table-content-item-r .state-warning {
	color: #feab02;
}
/* 异常 */
.table-content-item-r .state-danger {
	color: #f14e47;
}
/* 空闲 */
.table-content-item-r .state-info {
	color: #00b0f0;
}
.table-content-item-r .state-online{
	color: #23f2dc ;
}
.table-content-item-r .state-offline{
	color: lightgray ;
}

	
 /* 实时监测数据end */
 .combox {
    box-sizing: border-box;
    /* width: 1.55rem; */
    width: 2rem;
    height: .4rem;
    line-height: .4rem;
    border: 1px solid #2b5e7d;
		background-color: rgb(3, 9, 17);
		/* background-color: rgba(0,0,0,0.3);; */
    padding-left: .125rem;
    cursor: default;
    /* position: absolute;
    top: 4%;
    left: 30%; */
    /* color: #cdddf7; */
		color: #fff;
		font-size: 0.22rem;
		font-weight: bold;
		margin-left: 10px;
}
.btn-container {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin: 5px;
}
.btn-container img {
	height: auto;
	width: 10rem;
	margin-top: .375rem;
}

.data li:nth-child(1) {
    position: absolute;
    top: .5625rem;
    left: 1.85rem;
	color: white;
	font-size: small;
}
.data li:nth-child(2) {
    position: absolute;
    top: .5625rem;
    left: 3.25rem;
	color: white;
	font-size: small;
}
.data li:nth-child(3) {
    position: absolute;
    top: .5625rem;
    left: 4.20rem;
	color: white;
	font-size: small;
}
.data li:nth-child(4) {
    position: absolute;
    top: .5625rem;
    left: 5.9rem;
	color: white;
	font-size: small;
}
.data li:nth-child(5) {
    position: absolute;
    top: .5625rem;
    left: 9.075rem;
	color: white;
	font-size: small;
}
.data1 li:nth-child(1) {
    position: absolute;
    top: 1.8875rem;
    left: 3.9875rem;
	color: white;
	font-size: small;
}
.data1 li:nth-child(2) {
    position: absolute;
    top: 1.8875rem;
    left: 7.025rem;
	color: white;
	font-size: small;
}
.data1 li:nth-child(3) {
    position: absolute;
    top: 3.975rem;
    left: 5.575rem;
	color: white;
	font-size: small;
}
.data li span {
	display: block;
	text-align: center;
	color: #00ddfe;
	border: .0125rem solid rgb(22, 101, 170); 
    padding: .0125rem; 
}
.data1 li span {
	display: block;
	text-align: center;
	color: #00ddfe;
	border: .0125rem solid rgb(22, 101, 170); 
    padding: .0125rem;
}
.data2 li span {
	display: block;
	text-align: center;
	color: #00ddfe;
	border: .0125rem solid rgb(22, 101, 170); 
    padding: .0125rem;
}
.data2 {
    height: .975rem; 
    width: 100%; 
    background-color: transparent; 
}
.data2 li:nth-child(1) {
    position: absolute;
	color: white;
	font-size: small;
}
.data2 li:nth-child(2) {
    position: absolute;
	color: white;
	font-size: small;
}
.billChart .itemTit{
	border: none;
	padding-left: 5px;
}
#myChart1{
	/* height: 2.75rem; */
	/* height: 1.75rem; */
	/* height: 3.9rem; */
	height: 28.1vh;
}
#myChartPie{
	/* height: 2.75rem; */
	/* height:3rem; */
	/* height: 4rem; */
	/* height: 1.85rem; */
	/* height: 13.87vh; */
	height: 17vh;
}
#myChartPieAvailable{
	/* height: 2rem; */
	/* height: 15vh; */
	/* height: 14.8vh; */
	height: calc(20vh - 70px) ;
}
.billState{
	/* height: 4.41rem; */

}


.billState .StateTit{
	font-size: 0.22rem ;
	font-weight: bold;
	/* height: .4625rem; */
	height: 4.26vh;
	line-height: 4.26vh;
	display: flex;
	justify-content: space-between;
	border-bottom: 1px dashed #404040;
	/* padding: 10px 0; */
}
.billState .StateBox span{
	/* float: left; */
	width: 25%;
	/* height: .4625rem;
	line-height: .4625rem; */
	color: #fff;
	overflow: hidden;
	text-overflow:ellipsis;
	text-align: center;
}
.billState .StateBox span:nth-child(1){
	width: 25%;
}

.billState .StateBox span:nth-child(2){
	width: 25%;
}
.billState .StateBox span:nth-child(3){
	width: 25%;
}
.billState .StateBox span:nth-child(4){
	width: 25%;
}
.billState .StateBox .fontInner{
	border-bottom: 1px dashed #404040;
	display: flex;
	justify-content: space-between;
}
.billState .StateBox .fontInner span{
	width: 25%;
}

.time-head span:nth-child(1){
	width: 60% !important;
}
.time-item span:nth-child(1){
	width: 60% !important;
}
.time-item{
	text-align: center;
}
.fontInner{
	font-size: 0.22rem;
	/* height: 0.55rem;
	line-height: 0.55rem; */
	height: 4.26vh;
	line-height:  4.26vh;
}
.billState .progress{
	height: .075rem;
	position: relative;
	padding-right: .625rem;
	margin-top: .1875rem;
}
.billState .progress .progressBar{
	height: .075rem;
	background: rgba(255,255,255,0.5);
}
.billState .progress .progressBar span{
	display: block;
	height: .075rem;
	width: 0;
}
.billState .progress h3{
	position: absolute;
	height: .25rem;
	width: .5rem;
	line-height: .25rem;
	top: -0.0875rem;
	right: 0;
}
.billState .progress h3 i{
	font-style: normal;
}
#FontScroll{
	/* height: 2.75rem; */
	/* height: 21.5vh; */
	/* height: 22.17vh; */
	height: 22.47vh;
	overflow: hidden;
	margin-bottom: 1vh;
}
#FontScrollRt{
	/* height: 2.75rem; */
	height: 21.5vh;
	overflow: hidden;
}

#FontScrollRt .fontInner{
	cursor: pointer;
}


.filterbg{
	width: 100%;
	height: 100%;
	background: rgba(30,182,254,0.5);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 998;
	display: none;
}
.popup{
	width: 0;
	height: 0;
	background: #061f3e;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 999;
	border-radius: 8px;
	display: none;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.popup .popupClose{
	display: block;
	width: 44px;
	height: 44px;
	background: url(../images/s_ico3.png);
	background-size: 100 100%;
	position: absolute;
	top: -22px;
	right: -22px;
	display: none;
	transition: 0.3s;
}
.popup .popupClose:hover{
	transform: rotate(180deg);
}
.summary{
	width: 96%;
	height: 92%;
	margin: 2% auto;
	display: none;
}
.summary .summaryTop{
	height: 50%;
}
.summary .summaryBottom{
	height: 50%;
}
.summaryTit{
	height: 12%;
	text-align: center;
}
.summaryTit img{
	height: 100%;
	max-height: 68px;
	width: auto;
}
.summaryPie{
	height: 100%;
	float: left;
	width: 33%;
}
.summaryBar{
	height: 100%;
	float: left;
	width: 30%;
	margin-right: 2%;
}
#summaryBar{
	height: 80%;
}

.summaryLine{
	float: left;
	width: 60%;
	height: 100%;
}
#summaryLine{
	height: 80%;
}


